<!--
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
-->

<div
  *ngIf="!closedNotification"
  class="wrapper"
  @slideOut
  (@slideOut.done)="leave($event)">
  <div [class]="status">
    <div
      class="content"
      [attr.role]="alertLevel === 'important' ? 'alert' : null"
      [attr.aria-live]="alertLevel === 'polite' ? 'polite' : null">
      <div class="icon-wrapper">
        <tui-svg
          *ngIf="hasIcon"
          class="icon"
          [src]="icon"></tui-svg>
      </div>
      <ng-content></ng-content>
      <button
        *ngIf="hasClose"
        (click)="closeNotification()"
        class="close-button"
        tuiIconButton
        aria-label="close"
        appearance="action-button-2"
        icon="close"
        type="button"></button>
    </div>
  </div>
</div>
